<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>成都融微软件服务有限公司</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1031196_66s8datjlfd.css" />
    <link rel="stylesheet" href="js/layui/css/layui.css" />
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/headleft.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/echarts.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="daohang bgff">
        <script>$(".daohang").load("header.html");</script>
    </div>
    <!-- 中间内容-->
    <div class="substance">
        <div class="substance_lf">
            <!-- 左边栏目 -->
            <script>$(".substance_lf").load("left.html");</script>
        </div>
        <div class="substance_rt huibg">
            <!-- 右边的内容 -->
            <!-- 导航 -->
            <div class="rt_tit">
                <a href="#" class="fnt_14">运营中心</a> / <a href="#" class="fnt_14">发布项目</a>
            </div>
            <div class="bgff ">
                <h1 class="index_tit col_lan fnt_16"> <i class="iconfont icon-icon-1"></i> 项目列表</h1>
                <div class="pad15">
                    <div class=" chose ">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">人员姓名：</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="dizhi" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">登录账号：</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="dizhi" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">建号时间：</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="dizhi" class="layui-input" id="test16">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">角色权限：</label>
                                <div class="layui-input-inline">
                                    <select name="" id="" class="layui-select">
                                        <option value=""> 请选择 </option>
                                        <option value=""> 状态1 </option>
                                        <option value=""> 状态2 </option>
                                    </select>
                                </div>
                            </div>
                            <button class="layui-btn rt"><a href="#" style="color:#fff">重置</a></button>
                            <button class="layui-btn rt"><a href="#" style="color:#fff">查询</a></button>
                        </div>
                    </div>
                    <table class="layui-table">
                        <thead>
                            <tr>
                                <th class="gwc_box"><b id="all_btn"></b> 行号 </th>
                                <th> 建号时间 </th>
                                <th> 人员姓名 </th>
                                <th> 登录账号 </th>
                                <th> 联系电话</th>
                                <th>身份证号 </th>
                                <th> 角色权限</th>
                                <th> 账号状态</th>
                                <th> 操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                                <td>2020-09-10 </td>
                                <td> 张三 </td>
                                <td> cxycxy01234</td>
                                <td> 151****2119 </td>
                                <td> 123456789101112 </td>
                                <td>辅政客 </td>
                                <td>
                                    正常
                                </td>
                                <td>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 详情</a>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 修改</a>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs tingy"> <i
                                            class="iconfont icon-bianji"></i> 停用</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                                <td>2020-09-10 </td>
                                <td> 张三 </td>
                                <td> cxycxy01234</td>
                                <td> 151****2119 </td>
                                <td> 123456789101112 </td>
                                <td>辅政客 </td>
                                <td>
                                    正常
                                </td>
                                <td>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 详情</a>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 修改</a>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs tingy"> <i
                                            class="iconfont icon-bianji"></i> 停用</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                                <td>2020-09-10 </td>
                                <td> 张三 </td>
                                <td> cxycxy01234</td>
                                <td> 151****2119 </td>
                                <td> 123456789101112 </td>
                                <td>辅政客 </td>
                                <td>
                                    正常
                                </td>
                                <td>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 详情</a>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 修改</a>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs tingy"> <i
                                            class="iconfont icon-bianji"></i> 停用</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                                <td>2020-09-10 </td>
                                <td> 张三 </td>
                                <td> cxycxy01234</td>
                                <td> 151****2119 </td>
                                <td> 123456789101112 </td>
                                <td>辅政客 </td>
                                <td>
                                    正常
                                </td>
                                <td>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 详情</a>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 修改</a>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs tingy"> <i
                                            class="iconfont icon-bianji"></i> 停用</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                                <td>2020-09-10 </td>
                                <td> 张三 </td>
                                <td> cxycxy01234</td>
                                <td> 151****2119 </td>
                                <td> 123456789101112 </td>
                                <td>辅政客 </td>
                                <td>
                                    正常
                                </td>
                                <td>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 详情</a>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 修改</a>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs tingy"> <i
                                            class="iconfont icon-bianji"></i> 停用</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                                <td>2020-09-10 </td>
                                <td> 张三 </td>
                                <td> cxycxy01234</td>
                                <td> 151****2119 </td>
                                <td> 123456789101112 </td>
                                <td>辅政客 </td>
                                <td>
                                    正常
                                </td>
                                <td>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 详情</a>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs"> <i
                                            class="iconfont icon-bianji"></i> 修改</a>
                                    <a class="layui-btn layui-btn-primary layui-btn-xs tingy"> <i
                                            class="iconfont icon-bianji"></i> 停用</a>
                                </td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="22">
                                    <div class="tDiv">

                                        <div class="list-page">
                                            <input type="hidden" id="pageurl" value="c=index">
                                            <!-- $Id: page.lbi 14216 2008-03-10 02:27:21Z testyang $ -->
                                            <div id="turn-page">
                                                <span class="page page_1">总计 <em id="totalRecords">425</em>个记录</span>
                                                <span class="page page_2">分为<em id="totalPages">29</em>页</span>
                                                <!--<span>页当前第<em id="pageCurrent">1</em></span>-->
                                                <span class="page page_3">
                                                    <i>每页</i>
                                                    <input type="text" size="3" id="pageSize" value="15">
                                                </span>
                                                <span id="page-link">
                                                    <a href="?c=index&amp;page=1" class="first" title="第一页"></a>
                                                    <a href="?c=index&amp;page=1" class="prev" title="上一页"></a>
                                                    <select id="gotoPage">
                                                        <option value="1" selected="">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                        <option value="11">11</option>
                                                        <option value="12">12</option>
                                                        <option value="13">13</option>
                                                        <option value="14">14</option>
                                                        <option value="15">15</option>
                                                        <option value="16">16</option>
                                                        <option value="17">17</option>
                                                        <option value="18">18</option>
                                                        <option value="19">19</option>
                                                        <option value="20">20</option>
                                                        <option value="21">21</option>
                                                        <option value="22">22</option>
                                                        <option value="23">23</option>
                                                        <option value="24">24</option>
                                                        <option value="25">25</option>
                                                        <option value="26">26</option>
                                                        <option value="27">27</option>
                                                        <option value="28">28</option>
                                                        <option value="29">29</option>
                                                    </select>
                                                    <a href="?c=index&amp;page=2" class="next" title="下一页"></a>
                                                    <a href="?c=index&amp;page=29" class="last" title="最末页"></a>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
            <!-- 尾部 -->
            <div class="foot huibg">
                <script>$(".foot").load("foot.html");</script>
            </div>
        </div>
    </div>
    <!-- 弹出框 -->
    <div class="tailoring-container project">
        <div class=" tailoring-contents">
            <div class="rw_ti">
                <div class="close-tailoring" onclick="closeTailor(this)">×</div>
                <div class="rw_ti_lf">
                    <i class="iconfont icon-xianshi_tishitianchong"></i>
                </div>
                <div class="rw_ti_rt">
                    <h4 class="fnt_18 col_000 bld">操作提示</h4>
                    <p class="fnt_14 col_333">请确认您要注销此账号，注销后该账号用户
                        将不能登录网站</p>
                        <a href="#" class="active"> 确定 </a>
                        <a href="javascript:;" onclick="closeTailor(this)"> 取消 </a>
                </div>
            </div>
        </div>
    </div>
    <script src="js/layui/layui.all.js"></script>
    <script>
         (window.onresize = function () {
            var win_height = $(window).height();
            var win_width = $(window).width();
            if (win_width <= 768) {
                $(".tailoring-contents").css({
                    "top": (win_height - $(".tailoring-contents").outerHeight()) / 2,
                    "left": 0
                });
            } else {
                $(".tailoring-contents").css({
                    "top": (win_height - $(".tailoring-contents").outerHeight()) / 2,
                    "left": (win_width - $(".tailoring-contents").outerWidth()) / 2
                });
            }
        })();
         //弹出框
         $(".tingy").on("click", function () {
            $(".project").toggle();
        });
        //关闭弹出框
        function closeTailor() {
            $(".project").hide();
        }
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#test16'
                , range: true
            });
        })
        function ifanychecked() {
            var num = $('b.active_true').length;
            if (num > 0) {
                return true;
            }
        }
        //全选
        $('#all_btn').click(function () {
            if ($('#all_btn').html() != '') {
                $('#all_btn').html('');
                $('.gwc_box b.active_btn').html('').removeClass('active_true');
                return false;
            }
            $(this).html('<img src="images/gwc_bg.png"/>');
            $('.gwc_box b.active_btn').html('<img src="images/gwc_bg.png"/>').addClass('active_true');
        });

        //单选
        $('b.active_btn').click(function () {
            if ($(this).html() != '') {
                $(this).html("").removeClass('active_true');
                $('#all_btn').html('');
                return true;
            }
            $(this).html('<img src="images/gwc_bg.png"/>').addClass('active_true');
            if (ifall()) {
                $('#all_btn').html('<img src="images/gwc_bg.png"/>');
            }
        });

        //点击单选，全选判断
        function ifall() {
            var num1 = $('b.active_btn').length;
            var num2 = $('b.active_true').length;
            if (num1 == num2) {
                return true;
            }
        }
    </script>
</body>

</html>